<template>
  <view class="container">
    <uni-section title="个人信息" type="line" >
			<uni-card title="张三" sub-title="浙江众博数智有限公司" extra="admin" :thumbnail="avatar" @click="onClick">
			</uni-card>
		</uni-section>
    <button class="login-btn" type="default" @click="ChangePassword">修改密码</button>
    <button class="login-btn" type="default" @click="backClick">退出登录</button>
  </view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				avatar: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
				extraIcon:{
					color: '#4cd964',
					size: '22',
					type: 'gear-filled'
				}
			}
		},
		methods: {
			onClick(e){
				console.log(e)
			},
      ChangePassword(){
        uni.navigateTo({ url: '/pages/My/changePassword' })
      },
      backClick(){
        uni.redirectTo({ url: '/pages/Login/Login' })
      },
			actionsClick(text){
				uni.showToast({
					title:text,
					icon:'none'
				})
			}
		}
	}
</script>
<style>
.login-btn{
max-width: 350rpx;
margin-top: 20rpx;
}
</style>
<style scoped>
/* 自定义按钮样式 */
button[type="default"] {
  background-color: #007aff; /* 蓝色背景 */
  color: white; /* 白色文本 */
  border: 1px solid #007aff; /* 蓝色边框 */
  border-radius: 8px; /* 圆角 */
  font-size: 16px; /* 字体大小 */
}

/* 按钮按下时的样式 */
button[type="default"]:active {
  background-color: #005bb5; /* 深蓝色背景 */
  border-color: #005bb5; /* 深蓝色边框 */
}

</style>
